// 版心
.container {
    width: 1200px;
    margin: 0 auto;
}
body{
    position: relative;
    padding-top: 140px;
    padding-bottom: 622px;
}
// 歌单推荐模块开始
.mod_index {
   
    height: 532px;
    background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
    // 相对定位
    position: relative;
    // 溢出隐藏
    overflow: hidden;

    // 歌单推荐播放
    .mod_playlist {
        width: 100%;
        height: 310px;
        // 溢出隐藏
        overflow: hidden;
        margin-bottom: 20px;

        .active {
            display: block;
        }

        ul {
            width: 6000px;
            height: 100%;
            overflow: hidden;
            display: none;

            li {
                float: left;
                width: 224px;
                margin-right: 20px;

                &:nth-child(5n) {
                    margin-right: 0;
                }

                div {
                    width: 224px;
                    // 溢出隐藏
                    overflow: hidden;
                    // 下外边距
                    margin-bottom: 15px;

                    .mod_playlist_img {
                        // 相对定位
                        position: relative;
                        left: 0;
                        top: 0;
                        display: inline-block;
                        height: 100%;
                        width: 224px;

                        &:hover img {
                            transform: scale(1.1);
                        }

                        &:hover i {
                            opacity: 1;
                        }

                        img {
                            // 过渡
                            transition: all 1s;
                            width: 224px;
                        }

                        i {
                            // 绝对定位
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            // 上下左右自适应
                            margin: auto;
                            // 隐藏-透明
                            opacity: 0;
                            // 过渡
                            transition: all 0.1s;
                            height: 70px;
                            width: 70px;
                            // 圆角边框
                            border-radius: 50%;
                            background: url(../uploads/cover_play.png) no-repeat;
                        }
                    }
                }

                h3 {
                    font-size: 14px;
                    font-weight: 400;

                    a {
                        color: #000;

                        &:hover {
                            color: #31c27c;
                        }
                    }
                }

                p {
                    font-size: 14px;
                    color: #999;
                }

            }
        }
    }
   
   
    &:hover .arrowszy .prve {
       
        left: 0;
    }

    &:hover .arrowszy .next {
       
        right: 0;
    }
}

// 歌单推荐模块结束

// 新歌首发模块开始
.mod_index_song {
    height: 566px;
    background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
    // 相对定位
    position: relative;
    // 溢出隐藏
    overflow: hidden;

    .index_song_hd {
        h2 {
            background: url(../images/index_txt.png) no-repeat 0 -50px;
        }
    }

    // 新歌播放模块
    .New_song_debuts {
        width: 100%;
        height: 333px;
        // 溢出隐藏
        overflow: hidden;
        margin-bottom: 20px;

        .active {
            display: block;
        }

        ul {
            height: 100%;
            width: 2400px;
            display: none;

            li {
                width: 400px;
                height: 111px;
                display: flex;
                align-items: center;
                float: left;

                div {

                    a {
                        img {
                            width: 86px;
                        }
                    }

                    &:nth-child(2) {
                        flex: 1;
                        margin-left: 20px;
                    }

                    &:nth-child(3) {
                        width: 35px;
                        margin-right: 30px;
                        color: #999;
                    }
                }

                div {
                    h3 {
                        font-size: 14px;
                        font-weight: 400;
                        margin-bottom: 5px;
                    }

                    p {
                        color: #999;
                    }
                }
            }
        }
    }

    &:hover .arrowszy .prve {
        left: 0;
    }

    &:hover .arrowszy .next {
        right: 0;
    }
}

// 新歌首发模块结束

// 精彩推荐模块开始
.mod_index_event {
    height: 418px;
    background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
    // 相对定位
    position: relative;
    // 溢出隐藏
    overflow: hidden;

    .index_event_hd {
        h2 {
            background: url(../images/index_txt.png) no-repeat 0 -100px;
        }
    }

    // 精彩推荐轮播模块
    .New_event_debuts {
        // 溢出隐藏
        overflow: hidden;
        margin-bottom: 20px;

        ul {
            width: 2400px;
            height: 236px;

            li {
                // 浮动  让li一行显示
                float: left;
                width: 590px;
                height: 100%;
                margin-right: 20px;

                &:nth-child(2n) {
                    margin-right: 0;
                }

                a {
                    display: block;
                    width: 100%;
                    height: 100%;

                    img {
                        width: 590px;
                    }
                }
            }

        }
    }

    &:hover .arrowszy .prve {
        left: 0;
    }

    &:hover .arrowszy .next {
        right: 0;
    }
}

// 精彩推荐模块结束

// 新碟首发模块开始
.mod_index_album {
    height: 808px;
    background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
    // 相对定位
    position: relative;
    // 溢出隐藏
    overflow: hidden;

    .index_album_hd {
        h2 {
            background: url(../images/index_txt.png) no-repeat 0 -150px;
        }
    }

    .New_album_debuts {
        width: 100%;
        height: 616px;
        overflow: hidden;

        .active {
            display: block;
        }

        ul {
            width: 2400px;
            height: 616px;
            display: none;

            li {
                float: left;
                width: 224px;
                height: 308px;
                margin-right: 20px;

                // margin-bottom: 25px;
                div {
                    a {
                        display: block;

                        img {
                            width: 224px;
                            height: 224px;
                        }
                    }
                }

                h3 {
                    font-size: 14px;
                    color: #000;
                    font-weight: 400;
                    margin: 20px 0 5px;
                }

                p {
                    font-size: 14px;
                    color: #999;
                }
            }
        }
    }

    &:hover .arrowszy .prve {
        left: 0;
    }

    &:hover .arrowszy .next {
        right: 0;
    }
}

// 新碟首发模块结束

// 排行榜模块开始
.mod_index_top {
    height: 672px;
    background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
    // 相对定位
    position: relative;
    // 溢出隐藏
    overflow: hidden;

    .index_top_hd {
        h2 {
            background: url(../images/index_txt.png) no-repeat 0 -200px;
        }
    }

    .New_top_debuts {
        width: 100%;
        height: 500px;

        ul {
            width: 100%;
            display: flex;
            justify-content: space-between;

            li {
                width: 220px;
                height: 100%;
                transition: all .5s;
                &:hover{
                    transform: translateY(-10px);
                }
                a {
                    display: block;

                    img {
                        width: 220px;
                    }
                }
            }
        }
    }
}

// 排行榜模块结束

// mv模块开始
.mod_index_mv {
    height: 686px;
    background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
    // 相对定位
    position: relative;
    // 溢出隐藏
    overflow: hidden;

    .index_mv_hd {
        h2 {
            background: url(../images/index_txt.png) no-repeat 0 -250px;
        }
    }

    .New_mv_debuts {
        width: 100%;
        height: 464px;
        overflow: hidden;

        .active {
            display: block;
        }

        ul {
            width: 2400px;
            height: 464px;
            display: none;

            li {
                float: left;
                width: 224px;
                height: 232px;
                margin-right: 20px;

                div {
                    a {
                        display: block;

                        img {
                            width: 224px;
                            height: 127px;
                        }
                    }
                }

                h3 {
                    font-size: 14px;
                    color: #000;
                    font-weight: 400;
                    margin: 20px 0 5px;
                }

                p {
                    font-size: 14px;
                    color: #999;
                }
            }
        }
    }

    &:hover .arrowszy .prve {
        left: 0;
    }

    &:hover .arrowszy .next {
        right: 0;
    }
}

// mv模块结束